<template>
    <div>
        <Button @click="back">返回</Button>
        <wl-excel-import
                :interface-url="'/api/ac/jcar/excelService/saveVehicle'"
                :template-url="'http://house-manager.oss-cn-qingdao.aliyuncs.com/fuel-card/%E6%97%A5%E5%B8%B8%E8%AE%B0%E5%BD%95%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx'"
                :handle-data="handleData"
                :validate-data="validateData"
                :delRowCount="1"
                :fail-column="failColumn"
                :header-field="headerField"
        ></wl-excel-import>
    </div>
</template>

<script>

export default {

  name: 'excel',

  data () {
    return {
      failColumn: [
        {
          title: '所属单位',
          key: 'company'
        },
        {
          title: '使用日期',
          key: 'date_of_use'
        },
        {
          title: '使用时间',
          key: 'usage_time'
        },
        {
          title: '使用人',
          key: 'use_name'
        },
        {
          title: '加油量',
          key: 'fuel'
        },
        {
          title: '金额',
          key: 'money'
        },
        {
          title: '加油车型',
          key: 'car_type'
        },
        {
          title: '油种',
          key: 'oil_species'
        },
        {
          title: '加油卡号',
          key: 'refueling_card'
        },
        {
          title: '加油前里程数',
          key: 'fuel_mileage'
        },
        {
          title: '油耗',
          key: 'oil_consumption'
        }
      ],
      headerField: [
        { title: '所属单位', field: 'company', minWidth: 300 },
        { title: '使用日期', field: 'date_of_use', minWidth: 300 }
      ]
    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init () {

    },
    handleData () {
      // item.batch_number = item.batch_number.toString()
      // item.sex = item.sex.toString().trim()
      // if (item.sex === '男') {
      //   item.sex = 0
      // } else if (item.sex === '女') {
      //   item.sex = 1
      // }
    },
    validateData (item, error, tName) {
      // 校验所属单位
      if (!item.company) {
        item.company = ' （所属单位不能为空）'
        item.cellClassName.company = tName
        error = true
        this.$Message.error('所属单位不能为空')
      }
      // 校验使用日期
      if (!item.date_of_use) {
        item.date_of_use = ' （使用日期不能为空）'
        item.cellClassName.date_of_use = tName
        error = true
        this.$Message.error('使用日期不能为空')
      }
      // 校验使用时间
      if (!item.usage_time) {
        item.usage_time = ' （使用时间不能为空）'
        item.cellClassName.usage_time = tName
        error = true
        this.$Message.error('使用时间不能为空')
      }
      // 校验使用人
      if (!item.use_name) {
        item.use_name = ' （使用人不能为空）'
        item.cellClassName.use_name = tName
        error = true
        this.$Message.error('使用人不能为空')
      }
      // 校验加油量
      if (!item.fuel) {
        item.fuel = ' （加油量不能为空）'
        item.cellClassName.fuel = tName
        error = true
        this.$Message.error('加油量不能为空')
      }
      // 校验金额
      if (!item.money) {
        item.money = ' （金额不能为空）'
        item.cellClassName.money = tName
        error = true
        this.$Message.error('金额不能为空')
      }
      // 校验加油车型
      if (!item.car_type) {
        item.car_type = ' （加油车型不能为空）'
        item.cellClassName.car_type = tName
        error = true
        this.$Message.error('加油车型不能为空')
      }
      // 校验油种
      if (!item.oil_species) {
        item.oil_species = ' （油种不能为空）'
        item.cellClassName.oil_species = tName
        error = true
        this.$Message.error('油种不能为空')
      }
      // 校验加油前里程数
      if (!item.fuel_mileage) {
        item.fuel_mileage = ' （加油前里程数不能为空）'
        item.cellClassName.fuel_mileage = tName
        error = true
        this.$Message.error('加油前里程数不能为空')
      }
      // 校验油耗
      if (!item.oil_consumption) {
        item.oil_consumption = ' （油耗不能为空）'
        item.cellClassName.oil_consumption = tName
        error = true
        this.$Message.error('油耗不能为空')
      }
      return error
    },
    back () {
      this.$router.push({
        name: 'daily-record'
      })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>

</style>
